<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入字体图标文件 -->
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <!-- 移动端 CSS 初始化 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <!-- 清除默认样式文件 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 项目css文件 -->
    <link rel="stylesheet" href="./css/orders.css">
</head>

<body>
    <!-- 主体开始 -->
    <div class="main">
        <!-- 1 用户区域开始 -->
        <div class="user_msg">
            <div class="location"><i class="iconfont icon-location"></i></div>
            <div class="user">
                <div class="top">
                    <h5>林丽</h5>
                    <p>18500667882</p>
                </div>
                <div class="bottom">北京市 海淀区 中关村软件园 信息科技大厦1号
                    楼410# </div>
            </div>
            <a href="#" class="more iconfont icon-more"></a>
        </div>
        <!-- 用户区域结束 -->
        <!-- 2 商品模块开始啦 -->
        <div class="goods">
            <div class="pic">
                <img src="./uploads/pic.png" alt="">
            </div>
            <div class="info">
                <h4>康尔贝 非接触式红外体温仪</h4>
                <p class="youhui">领券立减30元 婴儿级材质 测温…</p>
                <p class="pink"><em>粉色</em>红外体温计</p>
                <div class="price">
                    <span class="red">¥<i>266 </i></span>
                    <span>¥299</span>
                </div>
            </div>
            <div class="count">
                <i class="iconfont icon-x"></i>
                <span>1</span>
            </div>
        </div>
        <!-- 商品模块结束 -->
        <!-- 3 配送方式模块开始 -->
        <div class="rest">
            <div>
                <h5>配送方式 </h5>
                <p>顺丰快递</p>
            </div>
            <div>
                <h5 class="min">买家备注 </h5>
                <p>希望可以尽快发货，谢谢~希望可以尽快发货，谢谢~希望可以尽快发货，谢谢~希望可以尽快发货，谢谢~希望可以尽快发货，谢谢~希望可以尽快发货，谢谢~希望可以尽快发货，谢谢~</p>
            </div>
            <div>
                <h5>支付方式 </h5>
                <p>
                    支付宝<i class="iconfont icon-more"></i>
                </p>
            </div>
        </div>
        <!-- 配送方式结束 -->
        <div>4</div>
    </div>
    <!-- 主体结束 -->
    <!-- 支付模块开始 -->
    <footer class="pay">
        <div class="left">
            合计：<span class="red">￥<i>266.00</i></span>
        </div>
        <div class="right">
            <a href="#">去支付</a>
        </div>
    </footer>
    <!-- 支付模块结束 -->
</body>

</html>